<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="baidu-site-verification" content="QlKIQJa0PQ"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>
        {% block mytitle %}
            A Stupid Coder's ugly Blog
        {% endblock %}
    </title>

    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css">
    <link type="text/css" href="/static/css/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="/static/css/my-css.css">
    <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/buttons.css">
    {#custom css#}
    {% block my-js-head %}
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?22fb83d411f31c15597c3bf4cb042fde";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    {% endblock %}
    {% block my-css %}
    {% endblock %}
</head>

<body>
{% block my-body %}
    <div class="Index-Top">
        <div class="Info">
            <div class="Index-img">
                <img src="/static/Head-images.jpg" class="img-circle Head-img .img-responsive">
            </div>
            <div class="Index-li">
                <p class="Index-p Index-p-color">A Djangoer</p>
                <p class="Index-p-color">虚心学习，乐于分享</p>
            </div>
            <div class="Index-li">
                <p class="Index-p-color">
                    不求而得，往往求之不得</p>
            </div>
            <div class="Index-li">
                <p class="Index-p-color"><a style="text-decoration: none">leebor.cn </a>is my blog </p>
                <p class="Index-p-color"><a style="text-decoration: none">djangoers.com</a> is all Djangoer's home</p>
            </div>
            <div class="Index-li">
                <a href="/Blog-page/" class="Index-button" style="text-decoration: none;">博客</a>
                <a href="#" class="Index-button " style="text-decoration: none;" onclick="javascript:Aboutme()">关于</a>
                <a href="#" class="Index-button" style="text-decoration: none;"
                   onclick="javascript:addFavorite2()">订阅</a>
            </div>
            <div class="Index-li">
                <li><p class="Index-p-color"> 京ICP备17043999号</p>
                    {#                    <img class="Index-icon" src="/static/imgs/sina_vb.png">#}
                    {#                    <img class="Index-icon" src="/static/imgs/sina_vb.png">#}
                    {#                    <img class="Index-icon" src="/static/imgs/sina_vb.png">#}
                </li>
            </div>
        </div>
    </div>
{% endblock %}
</body>

{#bootstrap JQuery#}
<script type="text/javascript" src="/static/js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
<script type="text/javascript" src="/static/js/my.js"></script>
{#custom js#}
{% block my-js %}
{% endblock %}

</html>